<template>
  <div class="box">
    <van-tabs v-model="active" type="false" class="selectTab">
      <van-tab>
        <router-link to="/home/found/target" class="link">
          <van-nav-bar left-arrow />
        </router-link>
        <router-view />
      </van-tab>
      <van-tab title="目标日" to="/home/found/target">
        <router-view />
      </van-tab>
      <van-tab to="/home/found/add">
        <template #title>
          <van-icon name="add-o" size="20" />
        </template>
        <router-view />
      </van-tab>
    </van-tabs>
    <!-- 计时器 -->
    <div class="Input">
      <input type="text" placeholder="单行输入" />
      <input type="text" placeholder="计时器" />
      <input type="text" placeholder="2022.06.08" />
    </div>
  </div>
</template>

<script>
import { Toast } from "vant";

export default {
  data() {
    return {
      active: 0,
    };
  },
  methods: {},
};
</script>

<style scoped>
.selectTab {
  width: 750px;
  height: 68px;
}
.box::before {
  content: " ";
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(190, 190, 190, 0.5);
  background-size: 100% auto;
}

.link {
  margin: -35px 0 0 -300px;
  position: absolute;
}

.Input {
  display: flex;
  flex-direction: column;
  margin-top: 100px;
}
input {
  width: 400px;
  height: 60px;
  margin-left: 80px;
}
input:nth-child(2) {
  height: 108px;
  margin: 30px 0 20px 80px;
  color: black;
}
</style>
